12035
20537
 
Insbesondere zwei Dinge müssen möglicherweise beachtet werden:
Deklarieren Sie die Konstante RecaptchaItem = React.createClass ({..}) global und machen Sie sie in render () nicht zu einer lokalen Variablen.
Muss onloadCallback und verifyCallback bereitstellen. Wenn onloadCallback fehlt, löst reCAPTCHA keinen Aufruf von verifyCallback aus und das Formular kann den Wert nicht abrufen. Dies ist wahrscheinlich ein Fehler von React-Recaptcha
Hier ist der richtige Code:
const {Form, Symbol, Eingabe, Schaltfläche, Kontrollkästchen} = antd;
const FormItem = Form.Item;
const RecaptchaItem = React.createClass ({
verifyCallback (Ergebnis) {
console.log ('verifyCallback', Ergebnis);
this.props.onChange (Ergebnis); // Benachrichtige das Formular nach Überprüfung
},
render () {
return ( {}}
verifyCallback = {this.verifyCallback}
/>);
}}
});
const NormalLoginForm = Form.create () (React.createClass ({
handleSubmit (e) {
e.preventDefault ();
this.props.form.validateFields ((err, values) => {
if (! err) {
console.log ('Empfangene Werte der Form:', Werte);
}}
});
},
render () {
const {getFieldDecorator} = this.props.form;
Rückkehr (
{getFieldDecorator ('userName', { Regeln: [{erforderlich: true, Nachricht: 'Bitte geben Sie Ihren Benutzernamen ein!' }], }) ( } placeholder = "Benutzername" /> )} {getFieldDecorator ('Passwort', { Regeln: [{erforderlich: wahr, Nachricht: 'Bitte geben Sie Ihr Passwort ein!' }], }) ( } type = "password" placeholder = "Password" /> )} {getFieldDecorator ('captcha', { Regeln: [{erforderlich: wahr, Nachricht: 'Bitte geben Sie das Captcha ein, das Sie erhalten haben!' }], }) ()} {getFieldDecorator ('erinnere dich', { valuePropName: 'geprüft', initialValue: true, }) ( Erinnere dich an mich )} Passwort vergessen